import { createRouter, createWebHashHistory } from 'vue-router'
import HomeView from '../views/HomeView.vue'

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  }
]

const router = createRouter({
  history: createWebHashHistory(),
  routes
})
// before 在什么什么之前 Each 可以监听每一个
router.beforeEach((to,from) => { // 路由的全局钩子函数
  //  console.log(to); // to 就代表，要去的页面，
  //  console.log(from); // from 代表来自哪里。
  //  next(); // next 下一步 
  let token = localStorage.getItem('token');
  // if (to.path == '/about'){
  //    // 可以正常去，不判断 是否登录
  // } else if (to.path !== '/about' && !token) {
  //    // 如果去的不是登录页面，并且没有登录过，重定向到登录页面
  // } else {
  //   // 可以正常去
  // }

  if (to.path !== '/about' && !token){
    router.push('/about');
  }
})

// afterEach 代表的是在什么什么之后
// router.afterEach( (to,from) => {
//   console.log(to); // to 就代表，要去的页面，
//   console.log(from); // from 代表来自哪里。
// })
export default router
